@charset "UTF-8N";
#wapar{
    width : 410px;
    margin: auto; /*0は不要 中央配置*/
    display: -webkit-flex; /* PC-Safari,iOS8.4*/
    flex-direction: column; /*header・footerを縦並び*/
    /*min-height: 100vh; ビューポートの高さの100%*/
    overflow-x: hidden;/*横スライダーを消す*/
    overflow-y: hidden;
    margin-top : 0.5em;
    }
    
#wapar,ul,li,p{
    line-height: 1.7;
}

.heading-2{
    text-align: center;
    /*text*/
    background-color : #e3feec;
    width : 410px;
    height: 30px;
    vertical-align: middle;
    font-size : 1.1em;
    font-weight : bold;
    line-height: 30px;
    padding-bottom : 2px;
    border-bottom : 1px solid silver;
    margin-bottom : 0.5em;
}

/*  display: inline;
は要素を横並び inline-blockを使えば、widthが効く: vertical-align: middle;
で上下中央に設定します。左右のlineの色: 位置lineの太さ1px:lineのwidth50px:lineとtextのbefore:afterのwidth:margin-左右 : 10px;
*/

.heading-2::before,
.heading-2::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    background-color: #706e67;
    margin-right: 10px;
    margin-left: 10px;
    height: 1px;
}

.samp2 ::before{
  content: "\025c6";
  color : blue;
  font-size : 1.2em;
  line-height : 1.2em;
  margin-bottom : 0.5em;
  }
  
ul li p{
   text-indent: -1em;
   margin-left: 1em;
}

.indent{
  padding-left: 0.5em;
  text-indent: -1.55em;
}

.area{margin-top: 0.5em;}